<template>
	<!--专家详情-->
	<div class="NewsDetails">
		<div class="banner">
			<!--<div class="banner-box">
				<img class="img1" src="../../images/registered/bg.png" />
				<img class="img2" src="../../images/PortalThemes/logo.png" />
			</div>-->
			<div class="location">
				<router-link to='/ExpertsShow'>
					<div class="location-text fl">
						<img class="location-img fl" src="/static/images/ExpertsShow/institute-specialist.png" />
						<p class="fr">专家展示</p>
					</div>
				</router-link>
				<img class="biaotibg fl" src="../../images/home/biaotibg.png" />
				<p class="navigation">
					<span class="go-back">
						<router-link :to="{path:'/index',query:{fatherIndex:0}}">
							首页
						</router-link>
				    </span>
					<span class="go-back">
						<router-link :to="{path:'/expertsShow',query:{fatherIndex:fatherIndex}}">
							/ 专家展示
						</router-link>
						/查看专家
				    </span>
				</p>
			</div>
		</div>
		<div class="NewsInform-list">
			<div class="List-box">
				<ul>
					<li>
						<div class="NewsInform-img">
              <template v-if="expertInfo.headPortrait == null || expertInfo.headPortrait == ''">
                <img src="/static/images/maleHead.png" v-if="expertInfo.expertGender == '男'">
                <img src="/static/images/womanHead.png" v-else>
              </template>
              <img :src="urls.baseUrl + expertInfo.headPortrait" v-else>
						</div>
						<div class="NewsInform-text">
							<p class="specialist-name">{{expertInfo.expertName}}</p>
              <p>二级学科：<span>{{expertInfo.secondLevel}}</span></p>
              <p>专业技术职务：<span>{{expertInfo.professionalSkillDuty}}</span></p>
						</div>
					</li>
				</ul>
				<div class="Choose-card">
					<div class="tab-tit">
						<a href="javascript:;" @click="curId=0" :class="{'cur':curId===0}">基本信息</a>
						<a href="javascript:;" @click="curId=1" :class="{'cur':curId===1}">合作情况</a>
					</div>
					<div class="tab-con">
						<div v-show="curId===0">
							<table>
								<tr>
									<td>姓名：<span>{{expertInfo.expertName}}</span></td>
									<td>性别：<span>{{expertInfo.expertGender}}</span></td>
									<td>专业技术职务：<span>{{expertInfo.professionalSkillDuty}}</span></td>
								</tr>
								<tr>
									<td>二级学科：<span>{{expertInfo.secondLevel}}</span></td>
									<td>联系方式：
                    <template v-if="get('token') != null && get('token') != ''">{{expertInfo.phoneNumber}}</template>
                    <input class="btn-boxs" type="button" value="申请查看" @click="gotoLogin" v-else/>
                  </td>
								</tr>
							</table>
						</div>
						<div class="cooperation" v-show="curId===1">
              <div v-if="projectCooperativeList == null || projectCooperativeList.length == 0 " class="center">暂无数据！</div>
              <div class="cooperation-nav" v-for="projectCooperative in projectCooperativeList">
								<p class="specialist-name">项目名称：<span>{{projectCooperative.name}}</span></p>
								<p class="specialist-name">基地名称：<span>{{projectCooperative.areasName}}</span></p>
								<p>合作时间：<span>{{formatData(projectCooperative.contractBeginTime)}}至{{formatData(projectCooperative.contractEndTime)}}</span></p>
								<p>合作日志：<span @click="openModal(projectCooperative.expertId, projectCooperative.id)" class="log">查看日志</span></p>
								<!--<p>合作状态：
                  <span class="working-years" v-if="projectCooperative.areasStatus == 6">合作终止</span>
                  <span class="working-years" v-if="projectCooperative.areasStatus == 1">{{"合作中" : "合作结束"}}</span>
                  <span class="working-years">合作中</span>
                </p>-->
							</div>
						</div>
					</div>
				</div>

			</div>
			<!--模态框-->
			<div v-if="modelShow" class="tenant-model">
				<div class="tenant-model-content modelShow">
					<header class="tenant-model-header">
						<h3>履行日志记录</h3>
						<span @click="closeModel" class="closeModel">×</span>
					</header>
					<div class="tenant-model-body">
						<div v-if="expertWorkLogList == null || expertWorkLogList.length == 0 " class="center">暂无数据！</div>
            <div class="search-contain">
							<!--模态框内容板块-->
							<div class="rork-ecord" v-for="expertWorkLog in expertWorkLogList">
								<div>时间：{{formatData(expertWorkLog.beginTime)}}</div>
								<div>履职内容：<div class="content">{{expertWorkLog.content}} </div></div>
								<!--<p>具体实施情况：{{expertWorkLog.content}}</p>-->
								<div v-if="expertWorkLog.picture != null && expertWorkLog.picture != ''">图片：
									<img class="img" :src="expertWorkLog.picture"/><!--urls.baseUrl + -->
								</div>
								
							</div>
						</div>
					</div>
					<!--<footer class="tenant-model-footer">
						<button class="determine">确定</button>
					</footer>-->
				</div>
			</div>
		</div>
	</div>
</template>
<script src="./ExpertsDetails.js"></script>

<style scoped>
	@import "ExpertsDetails.css"
</style>
